import {Routes,Route} from 'react-router-dom'
// 引用鉴权和路由表
import Author from './Author'
import element from './element'
export default function RouterViews(){
    return(
        <div>
          <Routes>
            {/* 通过map循环  遍历 动态生成一级路由  
            item.author  做权限鉴定 （需要就使用鉴权组件 否则使用原来的） 
            {item.element} oldPath={item.path}  老的组件和路径 传给鉴权组件*/}
            {
                element.map((item,index)=>{
                    return <Route key={index} path={item.path} element={item.author?<Author oldComponent={item.element} oldPath={item.path}></Author>:item.element}>
                      {
                        item.children && item.children.map((child,i)=>{
                          return (
                            <Route key={i} path={child.path} element={child.author?<Author oldComponent={child.element} oldPath={item.path+"/"+child.path}></Author>:child.element}></Route>
                          )
                        })
                      }
                    </Route>
                })
            }
          </Routes>
        </div>
    )
}
